<!DOCTYPE html>
<html lang="zh-CN" class="no-js">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
		<title>主页</title>
		<link rel="icon" href="image/icon.png" type="image/x-icon" />
		<link rel="stylesheet" type="text/css" href="css/demo.css" />
		<link rel="stylesheet" type="text/css" href="css/component.css" />
		<link rel="stylesheet" type="text/css" href="css/component2.css" />
		<script src="js/modernizr.custom.js"></script>
	</head>
	<body>
		<div class="container2">
			<section>
				<nav class="cl-effect">
					<a href="#">主页</a>
					<a href="web/engine.html">发动机</a>
					<a href="web/rocket.html">火箭</a>
					<a href="web/orbit.html">轨道</a>
					<a href="web/references.html">参考资料</a>
				</nav>
			</section>
		</div>
		<div class="container">
			<header class="clearfix">
				<h3>你知道阿波罗11号登月的故事吗？<br/><br/>
					你知道嫦娥四号成就人类首次无人月背软着陆吗？<br/><br/>
					你想知道这背后的原理吗？
				</h3>
				<br/>
				<h1>欢迎来到我的主页！<br/><br/>
					这里是关于航天科学、轨道力学的最简版科普<br/>
					这里有关科学<br/>
					但这里更关乎兴趣<br/>
				</h1>
			</header>	
			<div id="cbp-so-scroller" class="cbp-so-scroller">
				<section class="cbp-so-section">
					<article class="cbp-so-side cbp-so-side-left">
						<h2>发动机</h2>
						<p>要想飞离地球，脱离地球强大的引力，我们必须具有足够大的速度。速度的获得离不开能量的消耗，是谁为进入太空的物体提供巨大的能量呢？又是谁在火箭起飞的瞬间咆哮着掀起众多尘土呢？点击👉图片寻找答案</p>
					</article>
					<figure class="cbp-so-side cbp-so-side-right">
                        <a href="web/engine.html"><img src="image/engine.jpg" alt="engine"></a>
					</figure>
				</section>
				<section class="cbp-so-section">
					<figure class="cbp-so-side cbp-so-side-left">
						<a href="web/rocket.html"><img src="image/rocket.png" alt="rocket"></a>
					</figure>
					<article class="cbp-so-side cbp-so-side-right">
						<h2>火箭</h2>
						<p>用大炮前往月球的想法终究只是凡尔纳的幻想，不能付诸于实践。现在所有前往太空的物体都由火箭搭载发射升空。火箭的底部包括肉眼可见的发动机，但是除此之外，火箭内部究竟是何模样？点击👈图片寻找答案</p>
					</article>
				</section>
				<section class="cbp-so-section">
					<article class="cbp-so-side cbp-so-side-left">
						<h2>轨道</h2>
						<p>物体在太空中的运动轨迹被称为轨道，它不同于我们平日中的直线轨迹，而是弯曲平滑、近似于封闭、有周期性的。通常，一颗卫星具有其固定不变的轨道，因此轨道的选择与其功能密切相关。点击👉图片寻找答案</p>
					</article>
					<figure class="cbp-so-side cbp-so-side-right">
						<a href="web/orbit.html"><img src="image/orbit.jpg" alt="orbit"></a>
					</figure>
				</section>
				<section class="cbp-so-section">
					<figure class="cbp-so-side cbp-so-side-left">
						<a href="web/references.html"><img src="image/references.jpg" alt="references"></a>
					</figure>
					<article class="cbp-so-side cbp-so-side-right">
						<h2>感谢访问此网站</h2>
						<p>如你所见，如此高级的动画效果，肯定不是作者我自己敲出来的😂。如果你也想做出这种网站，快来了解下作者我制作此网站时参考的资料吧👈</p>
					</article>
				</section>
			</div>
		</div>
		<script src="js/classie.js"></script>
		<script src="js/cbpScroller.js"></script>
		<script>
			new cbpScroller( document.getElementById( 'cbp-so-scroller' ) );
		</script>
		<h4><a href="http://qinsi_517.gitee.io/group-index/">返回小组主页</a></h4>
	</body>
</html>
